<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <link rel="icon" href="/favicon.ico">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vite App</title>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.ts"></script>
    <script>
      ~(function anonymous(window) {
        let computedREM = function computedREM() {
          let winW = document.documentElement.clientWidth,
            desW = 375;
          if (winW >= 375) {
            document.documentElement.style.fontSize = "100px";
            return;
          }
          document.documentElement.style.fontSize = (winW / desW) * 100 + "px";
        };
        computedREM();
        window.addEventListener("resize", computedREM);
      })(window);
    </script>
  </body>
</html>
